<template>
  <div>
    <table class="table1 owntable" border="0" cellspacing="0" cellpadding="1" width="100%">
      <tr class="tr1">
        <td>严重度水平分级</td>
        <td>严重度名称</td>
        <td>定义</td>
      </tr>
      <tr class="tr">
        <td><span>S5</span></td>
        <td><span>灾难性的</span></td>
        <td>导致患者死亡</td>
      </tr>
      <tr class="tr">
        <td><span>S4</span></td>
        <td><span>危重的</span></td>
        <td>导致永久性损伤或危及生命的伤害 </td>
      </tr>
      <tr class="tr">
        <td><span>S3</span></td>
        <td><span>严重</span></td>
        <td>导致要求专业医疗介入的伤害或损伤</td>
      </tr>
      <tr class="tr">
        <td><span>S2</span></td>
        <td><span>轻度</span></td>
        <td>导致不要求专业医疗介入的伤害或损伤</td>
      </tr>
      <tr class="tr">
        <td><span>S1</span></td>
        <td><span>可忽略</span></td>
        <td>不便或暂时不适</td>
      </tr>
    </table>
  </div>
</template>

<script></script>

<style scoped>
 .tr1 > td{
    text-align: center;
    width: 80px;
    background: #F5F7FA !important;
    position: relative;
  }
.tr > td {
  text-align: center;
  width: 80px;
  background: #ffffff !important;
  position: relative;
}
td > span:nth-child(2) {
  margin-left: 10px;
}
.tdx::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100px;
  top: 0;
  left: 0;
  background-color: #ebeef5;
  transform: rotate(-68deg);
  transform-origin: top;
}
</style>
